<template>
    <el-card class="box-card">
        <div style="height: 460px">
            <img class="info-header-img" src="../../assets/img/default_header_img.png">
            <span class="info-user-name">{{userName}}</span>
            <button class="start-class">开始听课</button>
        </div>
    </el-card>
</template>

<script>
    export default {
        name: "el-info",
        data() {
            return {
                userName: "陈学礼"
            }
        }
    }
</script>

<style lang="scss" scoped>

    .box-card{
        width: 100%;
    }

    .info-header-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
</style>
